<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script src="lib/jquery-3.5.1.js"></script>
  <style>
    #divMove{
      width: 500px;
      height: 501px;
      border: 1px solid #a24fff;
    }
  </style>
</head>
<body>

<!--要求：获取鼠标当前的一个坐标-->
mouse:<span id="mouseMove"></span>
<div id="divMove">
 在这里移动鼠标试试
</div>

<script>
  'use strict';
  // 当网页元素加载完毕后，响应事件
/*  $(document).ready(function (){
  });
  // 两个是一样的意思
  $(function (){
  });
  */
  $(function (){
    $('#divMove').mousemove(function (e){
      $('#mouseMove').text('x:'+e.pageX + 'y:' + e.pageY);
    });
  });

</script>
</body>
</html>